@charset 'utf-8';
body {
  box-sizing: border-box;
}

.top-logo {
  height: 80px;
  width: 1200px;
  margin: auto;
  img {
    padding: 20px 0px;
    height: 30px;
  }
}
//中部内容+表单登录
.main {
  width: 100%;
  height: 600;
  position: relative;
  background-color: rgb(255, 47, 47);
  img {
    display: block;
    height: 600px;
    margin: 0 auto;
  }
  //表单登录
  form {
    width: 350px;
    min-height: 350px;
    padding: 25px 25px 23px;
    color: #6c6c6c;
    background: #fff;
    position: absolute;
    top: 60px;
    right: 20px;
    margin: 0 auto;
    .login {
      width: 350px;
      height: 160px;
      text-align: left;
      margin-bottom: 20px;
      margin-top: 4px;
      //position: relative;
      //background-color: blueviolet;
      ul {
        overflow: hidden;
        list-style: none;
        padding: 0px;
        //background-color: cornflowerblue;
        > li {
          float: left;
          height: 18px;
          line-height: 20px;
          font-size: 16px;
          color: #3c3c3c;
          margin: 9px 10px 0 0;
          font-weight: 700;
          cursor: pointer;
        }
        > li.active {
          border-bottom: 3px solid black !important;
        }
      }
      > div {
        width: 350px;
        display: none;
        // position: absolute;
        //background-color: rgb(5, 172, 214);
        .one-info {
          display: flex;
          justify-content: space-around;
          width: 350px;
          border: 1px solid rgb(221, 221, 221);
          height: 42px;
          outline: none;
          font-size: 14px;
          margin-bottom: 20px;
          //background-color: yellow;
          &:hover {
            border: 1px solid rgb(255, 0, 0);
          }
          #icon {
            display: block;
            width: 42px;
            height: 42px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            background-color: rgb(187, 187, 187);
            font-size: 20px;
          }
          input {
            width: 302px;
            border: 1px solid #ccc;
            height: 38px;
            outline: none;
            font-size: 14px;
          }
        }
        .login-submit {
          display: block;
          background-color: crimson;
          outline: none;
          border: none;
          color: white;
          width: 350px;
          height: 42px;
          margin-bottom: 20px;
        }
        .other {
          width: 350px;
          height: 10px;
          span {
            float: right;
            margin-left: 8px;
            color: rgb(117, 117, 117);
            font-size: 6px;
          }
        }
      }
      .display {
        display: block !important;
      }
    }
  }
}
